import { Button } from "antd-mobile";

const ListItem = ({ v, onClick }) => {
  return (
    <div>
      <dl
        style={{
          display: "flex",
          justifyContent: "space-between",
          padding: 10,
        }}
        onClick={onClick}
      >
        <dd>
          <span>{v.title}</span>
        </dd>
        <dd>
          {v.start}-{v.end}
        </dd>
        <dd>
          <div>是否有座:{v.isSeat ? "有" : "无"}</div>
        </dd>
        <dd>
          <div>
            商务座：
          </div>
          <div>
            一等座：
            <Button color="danger" size="mini">
              {v.tick?.firstTick}
            </Button>
          </div>
          <div>
            二等座：
            <Button color="success" size="mini">
              {v.tick?.secondTick}
            </Button>
          </div>
        </dd>
      </dl>
    </div>
  );
};

export default ListItem;
